<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <title>Title</title>
    <link href="resource/css/animate.css" rel="stylesheet" type="text/css">
    <link href="resource/css/main.css" rel="stylesheet" type="text/css">
</head>
<body class="product">
<header>
    <div class="language"></div>
    <div class="title">INWAVE DESIGN</div>
    <div class="search">
    </div>
</header>
<div class="menu">
    <div class="close_menu">
        <img src="resource/images/cancel.png">
    </div>
    <ul>
        <li class="li_1 animated active"><a href="index.html">HOME</a></li>
        <li class="li_2 animated"><a href="product.html">WORKS</a></li>
        <li class="li_3 animated">EXPERIMENTS</li>
        <li class="li_4 animated"><a href="about.html">ABOUT</a> </li>
    </ul>
</div>
<div class="content">
    <ul class="product-group">
        <li class="product-list animated">
            <img src="resource/images/case.png">
            <div class="introduce">
                <div class="name">
                   作品名称
                </div>
                <div class="label">
                    展览/品牌/动画
                </div>
            </div>
        </li>
        <li class="product-list animated">
            <img src="resource/images/case.png">
        </li>
        <li class="product-list animated">
            <img src="resource/images/case.png">
        </li>
    </ul>
</div>
</body>
<script src="resource/js/jquery-3.2.1.min.js"></script>
<script src="resource/js/main.js"></script>
<script>
    fn.init();
    fn.product()
</script>
</html>